(() => {
	let ele = {};
	ele.infoname = $('#infoname');
	ele.infoipt = $('#infoipt');
	ele.quxiao = $('#quxiao');
	ele.confirm = $('#confirm');
	ele.modal_tips = $('#modal-tips');
	ele.close_tips = $('#close-tips');
	ele.headerimg = $('#headerimg');
	ele.nickname = $('#nickname');
	ele.mobile = $('#mobile');
	ele.sex = $('#sex');
	ele.age = $('#age');
	ele.wxnum = $('#wxnum');
	ele.qqnum = $('#qqnum');
	ele.qqqewm = $('#qqqewm');
	ele.jieshao = $('#jieshao');
	ele.btnBox1 = $('#btnBox1');
	ele.btnBox2 = $('#btnBox2');
	ele.nan = $('#nan');
	ele.nv = $('#nv');
	ele.upHeaderimg = $('#upHeaderimg');
	ele.add = $('#add');
	ele.add2 = $('#add2');
	ele.header = $('#header');

	
	
	
	var input = document.getElementById("file_input");
	var oAdd = document.getElementById("add");
	var oInput = document.getElementById("file_input");
	var dataArr = []; // 储存所选图片的结果(文件名和base64数据)  
	var fd;
	var result;
	
	
	var input2 = document.getElementById("file_input2");
	var oAdd2 = document.getElementById("add2");
	var oInput2 = document.getElementById("file_input2");
	var dataArr2 = []; // 储存所选图片的结果(文件名和base64数据)  
	var fd2;
	var result2;
	
	intil();
	let lists = $('.list');
	let spantxt = document.querySelectorAll('.list span');


	let infoList = {
		tx: '',
		name: '',
		sex: '',
		age: '',
		wx: '',
		qq: '',
		ewm: '',
		intrduce: '',
	}


	//关闭 各个信息弹窗
	ele.close_tips.onclick = () => {
		closeMdl(ele.modal_tips);
	}

	//关闭 各个信息弹窗
	ele.quxiao.onclick = () => {
		closeMdl(ele.modal_tips);
	}

	function intil() {
		getUserInfo(res => {
			console.log(res);
			infoList.name = res.info.nick_name
			infoList.sex = res.info.sex
			infoList.age = res.info.age == '' || res.info.age == null ? '0' : res.info.age
			infoList.wx = res.info.wechat_no == '' || res.info.wechat_no == null ? '' : res.info.wechat_no;
			infoList.qq = res.info.qq_no == '' || res.info.qq_no == null ? '' : res.info.qq_no
			infoList.intrduce = res.info.introduce == '' || res.info.introduce == null ? '' : res.info.introduce;

			ele.nickname.innerHTML = res.info.nick_name;
			if(res.info.head_pic != null) {
				ele.header.src = IMG_DOMAIN + res.info.head_pic;
			} else {
				ele.header.src = res.info.sex == 1 ? 'http://img.qxgs.cc/tiantianlaishouzu/img/my/tx1.png' : 'http://img.qxgs.cc/tiantianlaishouzu/img/my/tx2.png'
			}
			// ele.header.src = IMG_DOMAIN + res.info.head_pic;
			ele.mobile.innerHTML = res.mobile;
			ele.sex.innerHTML = res.info.sex == 1 ? '男' : '女';
			ele.age.innerHTML = res.info.age == '' || res.info.age == null ? '0' : res.info.age;
			ele.wxnum.innerHTML = res.info.wechat_no == '' || res.info.wechat_no == null ? '暂无设置' : res.info
				.wechat_no;
			ele.qqnum.innerHTML = res.info.qq_no == '' || res.info.qq_no == null ? '暂无设置' : res.info.qq_no;
			ele.qqqewm.src = IMG_DOMAIN + res.info.qrcode;
			ele.jieshao.innerHTML = res.info.introduce == '' || res.info.introduce == null ? '暂无设置' : res
				.info.introduce;

			for (let i = 0; i < lists.length; i++) {
				lists[i].onclick = () => {
					if (i !== 0 && i !== 7 && i !== 2) {
						ele.infoname.innerHTML = spantxt[i].innerHTML
						if (i == 1) {
							ele.btnBox1.style.display = 'flex';
							ele.infoipt.style.display = 'block';
							ele.btnBox2.style.display = 'none';
							ele.infoipt.value = infoList.name;
							ele.confirm.onclick = () => {
								infoList.name = ele.infoipt.value;
								editUser(infoList.name, infoList.tx, infoList.qq, infoList.wx,
									infoList.sex, infoList.age, infoList.ewm, infoList.intrduce)
								closeMdl(ele.modal_tips);
							}
						} else if (i == 3) {
							ele.btnBox1.style.display = 'none';
							ele.infoipt.style.display = 'none';
							ele.btnBox2.style.display = 'flex';
							ele.nan.onclick = () => {
								let sexnum = ele.nan.getAttribute('data');
								editUser(infoList.name, infoList.tx, infoList.qq, infoList.wx,
									sexnum, infoList.age, infoList.ewm, infoList.intrduce)
								closeMdl(ele.modal_tips);
							}
							ele.nv.onclick = () => {
								let sexnum = ele.nv.getAttribute('data');
								editUser(infoList.name, infoList.tx, infoList.qq, infoList.wx,
									sexnum, infoList.age, infoList.ewm, infoList.intrduce)
								closeMdl(ele.modal_tips);
							}
						} else if (i == 4) {
							ele.btnBox1.style.display = 'flex';
							ele.infoipt.style.display = 'block';
							ele.btnBox2.style.display = 'none';
							ele.infoipt.value = infoList.age;
							ele.confirm.onclick = () => {
								infoList.age = ele.infoipt.value;
								editUser(infoList.name, infoList.tx, infoList.qq, infoList.wx,
									infoList.sex, infoList.age, infoList.ewm, infoList.intrduce)
								closeMdl(ele.modal_tips);
							}
						} else if (i == 5) {
							ele.btnBox1.style.display = 'flex';
							ele.infoipt.style.display = 'block';
							ele.btnBox2.style.display = 'none';
							ele.infoipt.value = infoList.wx;
							ele.confirm.onclick = () => {
								infoList.wx = ele.infoipt.value;
								editUser(infoList.name, infoList.tx, infoList.qq, infoList.wx,
									infoList.sex, infoList.age, infoList.ewm, infoList.intrduce)
								closeMdl(ele.modal_tips);
							}
						} else if (i == 6) {
							ele.btnBox1.style.display = 'flex';
							ele.infoipt.style.display = 'block';
							ele.btnBox2.style.display = 'none';
							ele.infoipt.value = infoList.qq;
							ele.confirm.onclick = () => {
								infoList.qq = ele.infoipt.value;
								editUser(infoList.name, infoList.tx, infoList.qq, infoList.wx,
									infoList.sex, infoList.age, infoList.ewm, infoList.intrduce)
								closeMdl(ele.modal_tips);
							}
						} else if (i == 8) {
							ele.btnBox1.style.display = 'flex';
							ele.infoipt.style.display = 'block';
							ele.btnBox2.style.display = 'none';
							ele.infoipt.value = infoList.intrduce;
							ele.confirm.onclick = () => {
								infoList.intrduce = ele.infoipt.value;
								editUser(infoList.name, infoList.tx, infoList.qq, infoList.wx,
									infoList.sex, infoList.age, infoList.ewm, infoList.intrduce)
								closeMdl(ele.modal_tips);
							}
						}
						openMdl(ele.modal_tips);
					}
				}
			}
			sctx()
			sctx2()
		})
	}

	function editUser(nick_name, head_pic, qq_no, wechat_no, sex, age, qrcode, introduce) {
		let token = getCookie("token");
		ajax({
			url: API_PATH.EDIT_USER,
			method: 'POST',
			header: {
				'Authorization': token,
			},
			data: {
				nick_name: nick_name,
				head_pic: head_pic,
				qq_no: qq_no,
				wechat_no: wechat_no,
				sex: sex,
				age: age,
				qrcode: qrcode,
				introduce: introduce
			},
			success: res => {
				if (res.code == 1) {
					intil();
					openTips('修改成功');
				} else openTips(res.msg || '未知错误');
			}
		});
	}






	
	
	function sctx() {
		ele.add.onclick = () => {
			oInput.value = ""; // 先将oInput值清空，否则选择图片与上次相同时change事件不会触发  
			oInput.click();
		}
		
		//添加监听事件
		input.addEventListener('change', readFile, false); //默认值是false，冒泡传递;当值为true，捕获传递 	
		
		
		//  let token = getCookie("token");
		//  let inpObj = inp.files[0]; // 拿到上传文件的属性
		//  var form = new FormData();
		//  form.append('file', inpObj);
		//  const xhr = new XMLHttpRequest()
		//  xhr.open('POST', API_PATH.UPLOADPIC)
		//  xhr.setRequestHeader('Authorization', token);
		//  xhr.setRequestHeader('ContentType', "multipart/form-data");
		//  xhr.onreadystatechange = function () {
		//   if (xhr.readyState !== 4) {
		//    return
		//   }
		//   if (xhr.status >= 200 && xhr.status < 300) {
		//    let res = JSON.parse(xhr.responseText)
		//    // console.log(res.data.src)
		//    var src = res.data.src
		//    // if (!link) {
		//    //  openTips('链接不能为空');
		//    //  return false;
		//    // }
		//    // alert(src);
		//    if (!src) {
		//     openTips('图片不能为空');
		//     return false;
		//    }
		//    var data = {
		//     id: id,
		//     src: src,
		//     url: link,
		//    };
		//    ajax({
		//     url: API_PATH.SENDRECORD,
		//     method: 'POST',
		//     header: {
		//      Authorization: token
		//     },
		//     data: data,
		//     success: res => {
		//      if (res.code == 1) {
		//       openTips(res.msg);
		//      }
		//      else openTips(res.msg);
		//     }
		//    });
		//   }
		//  }
		// xhr.send(form)
		
		
		
		
		
		function readFile() {
			fd = new FormData(); //FormData方式发送请求    
			var iLen = this.files.length; //获取图片数量
			var index = 0;
			for (var i = 0; i < iLen; i++) {
				if (!input['value'].match(/.jpg|.gif|.png|.jpeg|.bmp/i)) { //判断上传文件格式    
					return alert("上传的图片格式不正确，请重新选择");
				}
				var reader = new FileReader(); //创建FileReader对象
				reader.index = i;
				fd.append(i, this.files[i]); //可以通过fd.get(i)获取FormData()对应的值;
				console.log(this.files[i]);
				reader.readAsDataURL(this.files[i]); //转成base64，并存在reader.result里   
				reader.fileName = this.files[i].name;
				reader.onload = function(e) {
					//设置图片信息对象
					var imgMsg = {
						name: this.fileName, //获取文件名    
						base64: this.result //reader.readAsDataURL方法执行完后，base64数据储存在reader.result里    
					}
					dataArr.push(imgMsg); //将图片信息对象存到数据数组中
					ele.header.src = this.result
					// console.log(i,this.files[i]);
					// infoList.tx = this.files[i]
					// infoList.tx = this.result
					editUser(infoList.name,this.result, infoList.qq, infoList.wx, infoList.sex, infoList.age,
						infoList.ewm, infoList.intrduce)
				}
			}
		}
	}
	
	
	
	function sctx2() {
		ele.add2.onclick = () => {
			oInput2.value = ""; // 先将oInput值清空，否则选择图片与上次相同时change事件不会触发  
			oInput2.click();
		}
		//添加监听事件
		input2.addEventListener('change', readFile, false); //默认值是false，冒泡传递;当值为true，捕获传递 	
		function readFile() {
			fd2 = new FormData(); //FormData方式发送请求    
			var iLen = this.files.length; //获取图片数量
			var index = 0;
			for (var i = 0; i < iLen; i++) {
				if (!input2['value'].match(/.jpg|.gif|.png|.jpeg|.bmp/i)) { //判断上传文件格式    
					return alert("上传的图片格式不正确，请重新选择");
				}
				var reader = new FileReader(); //创建FileReader对象
				reader.index = i;
				fd2.append(i, this.files[i]); //可以通过fd.get(i)获取FormData()对应的值;
				console.log(this.files[i]);
				reader.readAsDataURL(this.files[i]); //转成base64，并存在reader.result里   
				reader.fileName = this.files[i].name;
				reader.onload = function(e) {
					//设置图片信息对象
					var imgMsg = {
						name: this.fileName, //获取文件名    
						base64: this.result //reader.readAsDataURL方法执行完后，base64数据储存在reader.result里    
					}
					dataArr2.push(imgMsg); //将图片信息对象存到数据数组中
					ele.qqqewm.src = this.result
					// console.log(i,this.files[i]);
					// infoList.tx = this.files[i]
					console.log(infoList.tx);
					// infoList.ewm = this.result;
					editUser(infoList.name, infoList.tx, infoList.qq, infoList.wx, infoList.sex, infoList.age,
						this.result, infoList.intrduce)
				}
			}
		}
	}
	

// 	ele.submitt.onclick = () => {
// 	   var link = ele.link.value;
// 	   let token = getCookie("token");
// 	   let inpObj = inp.files[0]; // 拿到上传文件的属性
// 	   var form = new FormData();
// 	   form.append('file', inpObj);
// 	   const xhr = new XMLHttpRequest()
// 	   xhr.open('POST', API_PATH.UPLOADPIC)
// 	   xhr.setRequestHeader('Authorization', token);
// 	   xhr.setRequestHeader('ContentType', "multipart/form-data");
// 	   xhr.onreadystatechange = function () {
// 	    if (xhr.readyState !== 4) {
// 	     return
// 	    }
// 	    if (xhr.status >= 200 && xhr.status < 300) {
// 	     let res = JSON.parse(xhr.responseText)
// 	     // console.log(res.data.src)
// 	     var src = res.data.src
// 	     // if (!link) {
// 	     //  openTips('链接不能为空');
// 	     //  return false;
// 	     // }
// 	     // alert(src);
// 	     if (!src) {
// 	      openTips('图片不能为空');
// 	      return false;
// 	     }
// 	     var data = {
// 	      id: id,
// 	      src: src,
// 	      url: link,
// 	     };
// 	     ajax({
// 	      url: API_PATH.SENDRECORD,
// 	      method: 'POST',
// 	      header: {
// 	       Authorization: token
// 	      },
// 	      data: data,
// 	      success: res => {
// 	       if (res.code == 1) {
// 	        openTips(res.msg);
// 	       }
// 	       else openTips(res.msg);
// 	      }
// 	     });
// 	    }
// 	   }
// 	  xhr.send(form)
// }




})()